<!--  -->
<template>
  <div class="blockcontent">
    <div class="mpic" :style="{ 'box-shadow':mifchoose? `0 0 15px #5aa2e3`:''
    }">
      <img :src="mtitle" />
    </div>
  </div>
</template>

<script>
export default {
  props: ["title", "ifchoose"],
  data() {
    return {
      mFontStyle: this.fontstyle,
      mtitle: this.title,
      mifchoose: ""
    };
  },

  components: {},
  mounted() {},
  computed: {},
  computed: {},
  watch: {
    title(newvalue) {
      this.mtitle = newvalue;
    },
    ifchoose(newvalue) {
      this.mifchoose = newvalue;
    }
  },
  methods: {}
};
</script>
<style scoped lang="scss">
.blockcontent {
  width: 100%;
  height: 100%;
  .mpic {
    width: 100%;
    height: 100%;
    text-align: center;
    img {
      width: 100%;
      max-width: 100%;
      max-height: 100%;
    }
  }
}
</style>